{include file="public/header" /}
<style>
    .layui-input-inline{ width: 50% !important;}
</style>
<body>
<div class="x-body layui-anim">
    <form class="layui-form" id="form" action="{:url('save')}">
        <input type="hidden" name="id" value="{$info->id}"/>
        <div class="layui-form-item">
            <label class="layui-form-label">场所/单位名 </label>
            <div class="layui-input-inline">
                <input type="text" value="{$info->company_name}" readonly name="company_name" lay-verify="required"   class="layui-input"/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">所属项目 </label>
            <div class="layui-input-inline">
                <input type="text" value="{$info->pro->title}" readonly name="pro_id" lay-verify="required"   class="layui-input"/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">消防负责人 </label>
            <div class="layui-input-inline">
                <input type="text" value="{$info->fzname}" readonly name="fzname" lay-verify="required"   class="layui-input"/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">联系电话 </label>
            <div class="layui-input-inline">
                <input type="text" value="{$info->lxtel}" readonly name="lxtel" lay-verify="required"   class="layui-input"/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">经营面积 </label>
            <div class="layui-input-inline">
                <input type="text" value="{$info->area}" readonly name="area" lay-verify="required"   class="layui-input"/>
            </div>
            
            <div class="layui-form-mid layui-word-aux">㎡</div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">场所地址 </label>
            <div class="layui-input-inline">
                <input type="text" value="{$info->address}" readonly name="address" lay-verify="required"   class="layui-input"/>
            </div>
        </div>
        
        <div class="layui-form-item">
            <label class="layui-form-label">详细地址 </label>
            <div class="layui-input-inline">
                <script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
                    <div id="container" style=" height:400px;"></div>
                    <script type="text/javascript">
                    var center = new TMap.LatLng({$info['lat']},{$info['lng']});
                    // 初始化地图
                    var map = new TMap.Map('container', {
                        zoom: 17, // 设置地图缩放
                        center: new TMap.LatLng({$info['lat']},{$info['lng']}), // 设置地图中心点坐标，
                        pitch: 0, // 俯仰度
                        rotation: 0, // 旋转角度
                    });
                    var marker = new TMap.MultiMarker({
                        map: map,
                        styles: {
                        // 点标记样式
                        marker: new TMap.MarkerStyle({
                            width: 20, // 样式宽
                            height: 30, // 样式高
                            anchor: { x: 10, y: 30 }, // 描点位置
                        }),
                        },
                        geometries: [
                        // 点标记数据数组
                        {
                            // 标记位置(纬度，经度，高度)
                            position: center,
                            id: 'marker',
                        },
                        ],
                    });
                </script>
            </div>
        </div>

    </form>
</div>
</body>
{include file="public/footer" /}
</html>